<div nz-row [nzGutter]="15"  style="margin: 20px; padding: 0 4%;height: 22%;">
    <div nz-col [nzSpan]="8" >
      <div style="position:absolute; left:20px; top: -10%; border:rgba(112, 106, 106, 0.753) 2px solid;background:#CADEF5; font-size: 20px;
      line-height: 35px;width: 40%;height: 20%;">
      <span class="right" style="width: 40%;" id="left">{{left}}</span>
      <span style="position:absolute;;left: 45%;" id="leftName">{{leftName}}</span>
      </div>
      <div style="border: rgba(112, 106, 106, 0.753) 2px solid; height: 100%; padding: 4% 0 4% 0;">
        <div nz-row style="height: 100%;" [nzGutter]="24">
          <div nz-col [nzSpan]="12">
          </div>
          <button class="color" style="background: #10B568; box-shadow: inset -4px 4px 6px rgba(0, 0, 0, 0.2); border-radius: 2px;"  (click)="dialog('B0')">
            <div class="num" id="B0">00</div>
          </button>
        </div>
      </div>
      <div nz-col [nzSpan]="12">
        <div>
          <!-- <div class="bea_f">平衡轴</div> -->
          <button class="color" style="background: #051E48; box-shadow: inset -4px 4px 6px rgba(0, 0, 0, 0.2); border-radius: 2px;" (click)="dialog('B1')">
            <div class="num" id="B1">00</div>
          </button>
        </div>
      </div>
        
        <div nz-col [nzSpan]="12">
          <div>
            <!-- <div class="bea_f">平衡轴</div> -->
            <button class="color" style="background: #941010; box-shadow: inset -4px 4px 6px rgba(0, 0, 0, 0.2); border-radius: 2px;" (click)="dialog('B2')">
              <div class="num" id="B2">00</div>
            </button>
